<template>
  <base-layout>
    <div class="terms-container">
      <h1>服务条款</h1>
      <div class="terms-content">
        <h2>1. 服务协议的范围</h2>
        <p>本协议是您与我们之间关于使用本平台服务所订立的协议。</p>
        
        <h2>2. 服务内容</h2>
        <p>我们提供的具体服务内容由本平台根据实际情况提供，包括但不限于：</p>
        <ul>
          <li>在线学习服务</li>
          <li>教学资源共享</li>
          <li>学习进度跟踪</li>
        </ul>
        
        <h2>3. 用户行为规范</h2>
        <p>用户在使用本平台服务时应遵守中华人民共和国相关法律法规。</p>
      </div>
    </div>
  </base-layout>
</template>

<script setup>
import BaseLayout from '@/components/layout/BaseLayout.vue'
</script>

<style scoped>
.terms-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

.terms-content {
  margin-top: 20px;
}

h1 {
  text-align: center;
  margin-bottom: 30px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
}

ul {
  padding-left: 20px;
}

li {
  margin-bottom: 5px;
}
</style> 